import { createVNode, render } from 'vue'
import _message from './index.vue'
function Message ({ type, text }) {
  // 使用createVNode把准备好的Message组件变成VNode
  const VNode = createVNode(
    _message, {
      type, text
    }
  )
  //   准备一个目标挂载节点 container
  const container = document.createElement('div')
  document.body.appendChild(container)
  //   使用render方法传入VNode + container 渲染成真实的dom
  render(VNode, container)
  setTimeout(() => {
    render(null, container)
  }, 2000)
}
export default Message
